<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>lemonce欢迎页</title>
		<link rel="stylesheet" href="css/welcome.css" />
	</head>
	<body style="
		font-family:'微软雅黑',sans-serif;
		font-size: 14px;
		color: #fff;">

	<div id="login" style="background-color: #1ABC9C;">
		<div class="shape" style="
			top: -60%;
			left: 30%;
			height: 100%;
			width: 100%;
			background: none repeat scroll 0% 0% #16A085;
		"></div>
		<div class="content" style="
			height: 400px; 
			position: absolute; 
			top: 50%; 
			left: 50%; 
			margin-left: 
			-500px; 
			margin-top: -230px;">
				<form action="">
					<div>
						<p>Lemonce.Login = <b>function</b> () {
							<label><b>var </b>username = <input type="text" /> ;<em> //...</em></label>
							<label><b>var </b>password = <input type="password" /> ;<em> //...</em></label>
							<label><b>var </b>captcha = <input type="text" style="width:3em" /> ;
							<em>//验证码<img style="height: 1em; margin-bottom: -5px; margin-left: 32px; width: 8em;" src="http://placehold.it/100x20& text=20*100" /></em></label>
							};
						</p>
					</div>
					<div style="text-align:right;margin-top:70px;"><a>Login();</a> <a>Register();</a></div>
				</form>
		</div>
		<div class="down_button">
			[]首页
		</div>
	</div><!-- /login -->
	
	<div id="welcome" style="
		font-family:'幼圆';
		background-color:#F1C40F;">
			<div class="content" style="
				height: 320px;
				position: absolute;
				top: 50%;
				left: 50%;
				margin-top: -180px;
				margin-left: -500px;
				text-align: center;">
				<h1 style="
					margin-bottom: 20px;
					line-height: 150px;
					text-align: center;
					font-size: 46px;
					font-family: 'microsoft YaHei';
					"><img style="
						margin-bottom: -55px;
						height: 150px;
					" src="img/logo-rectangle-new.svg" />·
						<a>灵萌测</a>
						<span style="
							font-family: arial;
							font-size:16px;
							color: #F1C40F;
							background: #fff;
							padding: 0 5px;
							border-radius: 4px;
							position: relative;
							top: -25px;
							">Alpha 0.6.0</span>
					</h1>
				<p style="
					line-height: 40px;
					font-size: 18px;
					">一款面向所有WEB项目的自动化测试工具 <b style="
						font-size: 20px;
						font-family: 'microsoft yahei';
					">操作简单 / 部署安全 / 报告自动化</b></p>
				<p style="
					font-size:18px;
					margin-top: 10px;
					">内测阶段，可能存在bug。请通过以下邮件进行反馈，我们将尽全力为您提供帮助</p>
				<p style="margin-top: 18px;"><a style="
					font-size: 18px;
					border-bottom: 1px dotted #fff;
					padding-bottom: 5px;
					"><b style="
						font-size: 20px;
						font-family: 'microsoft yahei';">[]注意：</b>不要在该系统留下任何敏感信息 | 玩耍愉快[笑脸]</a></p>
			</div>
			<div class="down_button">
					没有账号去注册
			</div>
			<div class="up_button">
					已有账号去登录
			</div>
			<div class="shape" style="
				top: -200%;
				left: -150%;
				height: 500%;
				width: 200%;
				background: none repeat scroll 0% 0% #F39C12;
				transform-origin: 100% 50% 0px;
			"></div>
		</div><!-- /welcome -->
		
		<div id="register" style="background-color:#47D3E4;">
			<div class="content" style="
				height: 520px; 
				position: absolute; 
				top: 50%; 
				left: 50%; 
				margin-left: 
				-500px; 
				margin-top: -290px;">
				<form action="">
					<p>
						<em>
							/**<br/>
							 * 服务条款内容区域<br/>
							 * <input type="checkbox" />接受服务条款<br />
							*/<br />
						</em>
					</p>
					<div>
						<p>Lemonce.Register = <b>function</b> () {
							<label><b>var </b>username = <input type="text" /> ;<em> //邮箱</em></label>
							<label><b>var </b>password = <input type="password" /> ;<em> //密码</em></label>
							<label><b>var </b>confirm = <input type="password" /> ;<em> //再次输入密码</em></label>
							<label><b>var </b>captcha = <input type="text" style="width:3em" /> ;
							<em>//验证码<img style="height: 1em; margin-bottom: -5px; margin-left: 32px; width: 8em;" src="http://placehold.it/100x20& text=20*100" /></em></label>
							};
						</p>
					</div>
					<div style="text-align:right;margin-top:70px;"><a>Reset();</a> <a>Register();</a></div>
				</form>
			</div>
			<div class="up_button">[]首页</div>
			<div class="shape" style="
				top: -100%;
				left:40%;
				height: 200%;
				width: 100%;
				background: none repeat scroll 0% 0% #0CB0D4;
				transform-origin: 100% 50% 0px;">
			</div>
		</div><!-- /register -->
	</body>
</html>
